<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>管理后台</title>
    <link rel="stylesheet/less" href="../../static/css/index.less"/>
    {#
    <link rel="stylesheet/less" href="../../static/admin/css/user_huafen_record.less"/>
    #}
    <link rel="stylesheet" href="../../static/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../static/css/jquery.pagination.css"/>
    <script src="../../../static/js/jquery-1.12.3.js"></script>
    <script src="../../static/js/less.min.js"></script>
    <script src="../../../static/layui/layui.js"></script>
    <SCRIPT language=javascript src="../../static/layer/layer.js"></SCRIPT>


</head>
<style>
    .js_w {
        width: 40px;
        height: 25px;
        font-size: 12px;
        line-height: 25px;
    }

    .ll {
        width: 40px;
        height: 25px;
        font-size: 12px;
        line-height: 25px;
    }

    .newadd label {
        padding: 10px 0;
        display: block;
        text-align: left;
    }

    .newadd label .adtitle {
        display: inline-block;
        width: 6rem;
        text-align: right;
        padding-right: 2%;
    }

    .newadd label span {
        text-align: right;
        padding-right: 2%;
    }

    .newadd input {
        padding: 0 10px;
        width: 20%;
        height: 30px;
        line-height: 30px;
        border: 1px solid #dcdcdc;
        border-radius: 5px;
    }

    .newadd select {
        text-align: left;
        padding: 0 5px;
        width: 20%;
        height: 30px;
        line-height: 30px;
        border: 1px solid #dcdcdc;
        border-radius: 5px;
    }

    .subbtn {
        margin-left: 5%;
        padding: 2px 3px;
    }

    .selectTransverse {
        display: inline-block;
    }

    .selectTransverse select {
        width: 30%;
    }
</style>
<body class="layui-layout-body">

{% include "/admin/top.html" %}
{% include "/admin/left.html" %}


<div id="box" class="fl">
    <div class="content" style="height: 100%">
        <div class="content">
            <div class="righthead clearfix">
                <h3 class="title fl" style="color:  #3D89CB">充值编辑</h3>
            </div>
            <div class="newadd">

                <label>
                    <span class="adtitle">充值名称</span>
                    <input type="text" id="name" class="create" >
                </label>
                <label>
                    <span class="adtitle">有效期</span>
                    <input type="text" value="365" id="stop_time" class="create" >
                    <span >(天)</span>
                </label>
                <label>
                    <span class="adtitle">洗车次数</span>
                    <input type="text" id="num" class="create" >
                    <span>(次)</span>
                </label>
                <label>
                    <span class="adtitle">原价</span>
                    <input type="text" id="initial_price" class="create" >
                    <span >(元)</span>
                </label>
                <label>
                    <span class="adtitle">售价</span>
                    <input type="text" id="price" class="create" >
                    <span >(元)</span>
                </label>
                <label>
                    <span class="adtitle">限购次数</span>
                    <input value="0" type="text" id="property" class="create" >
                    <span >(0代表不限 1代表限购1次)</span>
                </label>


                <button onclick="merchant_edit()" class="subbtn" style="width: 60px;height: 30px;margin-left: 200px;
                background-color: #3D89CB;float: left">提交</button>
            </div>
        </div>
    </div>
</div>
<script src="../../../static/js/distpicker.data.js"></script>
<script src="../../../static/js/distpicker.js"></script>
</body>
</html>
<script>
 layui.use('laydate', function () {
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#test1', //指定元素
        });
    });


    function merchant_edit(rechargeId) {
        var name = $("#name").val()
        var num =$("#num").val()
        var price= $("#price").val()
        var initial_price = $('#initial_price').val();
        var stop_time = $('#stop_time').val();
        var property = $('#property').val();
        if (name == ""  ||num==""||price=="") {
            layer.msg("类型不能为空");
            return false
        }
        if (stop_time == ''){
            layer.msg("请选择有效期");
            return false;
        }
        $.ajax({
            url: "/admin/recharge/newly.html",
            'type': 'post',
            data: {
                'name': name,
                'num':num,
                'price':price,
                'initial_price':initial_price,
                'stop_time':stop_time,
                'property':property
            },

            dataType: 'json',
            success: function (msg) {
                if (msg.code == 200) {
                    layer.msg("操作成功！", {time: 2000}, function () {
                        window.location.href = "/admin/recharge/list.html";
                    });
                } else if (msg.code == 400) {
                    layer.msg("类型已经存在");
                } else {
                    layer.msg("服务器内部错误！");
                }
            }
        })


    }


</script>